<%--
  Created by IntelliJ IDEA.
  User: DouDeliang
  Date: 2018/8/22
  Time: 11:17
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="/common/taglibs.jspf" %>
<!DOCTYPE html>
<html>
<head>
    <title><spring:message code="sys.user.title"/></title>
    <meta name="decorator" content="list"/>

    <%--<link rel="stylesheet" href="${staticPath}/css/ace.min.css">--%>
    <link rel="stylesheet" href="${staticPath}/css/font-awesome.min.css">

</head>
<body title="<spring:message code="sys.user.title" />">
<div class="layui-row">
    <div class="layui-col-md12" id="mainContent" style="margin-top: 5px">
        <div class="layui-col-md12">
            <div class="layui-tab layui-tab-card" lay-filter="detailTab">
                <ul class="layui-tab-title">
                    <li class="layui-this">公共配置</li>
                    <li>临床端配置</li>
                    <li>护理端配置</li>
                    <li>实验室配置</li>
                </ul>
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show">
                        <div id="public">
                            <div id="publicList" style="margin-right: 10px;margin-top: 8px">
                                <grid:grid id="publicList" url="${appPath}/system/systemParameter/ajaxList?paramType=1"
                                           multiselect="false" rownumbers="true">
                                    <grid:column label="" name="id" hidden="true" width="150"/>
                                    <grid:column label="" name="paramType" hidden="true" width="150"/>
                                    <grid:column label="lab.apply.module" name="module" dict="moduleType"/>
                                    <grid:column label="lab.apply.paramName" name="paramName" query="true"/>
                                    <grid:column label="lab.apply.displayName" name="displayName" width="400" query="true"/>
                                    <grid:column label="lab.apply.paramValue" name="paramValue" width="400"/>
                                    <grid:column label="lab.apply.enable" name="enable" dict="whether"/>
                                    <grid:column label="lab.apply.remark" name="remark" width="260"/>
                                    <grid:toolbar function="search"/>
                                    <grid:toolbar function="create" winheight="500px" winwidth="700px"/>
                                    <grid:toolbar function="update" winheight="500px" winwidth="700px"/>
                                    <grid:toolbar function="delete"/>
                                </grid:grid>
                            </div>
                        </div>
                    </div>
                    <div class="layui-tab-item">
                        <div id="doctor">
                            <div id="doctorList" style="margin-right: 10px;margin-top: 10px">
                                <grid:grid id="doctorList" url="${appPath}/system/systemParameter/ajaxList?paramType=2"
                                           multiselect="false" rownumbers="true">
                                    <grid:column label="" name="id" hidden="true" width="150"/>
                                    <grid:column label="" name="paramType" hidden="true" width="150"/>
                                    <grid:column label="lab.apply.module" name="module" dict="moduleType"/>
                                    <grid:column label="lab.apply.paramName" name="paramName" query="true"/>
                                    <grid:column label="lab.apply.displayName" name="displayName" width="400" query="true"/>
                                    <grid:column label="lab.apply.paramValue" name="paramValue" width="400" />
                                    <grid:column label="lab.apply.enable" name="enable" dict="whether"/>
                                    <grid:column label="lab.apply.remark" name="remark" width="260"/>
                                    <grid:toolbar function="search"/>
                                    <grid:toolbar function="create" winheight="500px" winwidth="700px"/>
                                    <grid:toolbar function="update" winheight="500px" winwidth="700px"/>
                                    <grid:toolbar function="delete"/>
                                </grid:grid>
                            </div>
                        </div>
                    </div>
                    <div class="layui-tab-item">
                        <div id="nurse">
                            <div id="nurseList" style="margin-right: 10px;margin-top: 10px">
                                <grid:grid id="nurseList" url="${appPath}/system/systemParameter/ajaxList?paramType=3"
                                           multiselect="false" rownumbers="true">
                                    <grid:column label="" name="id" hidden="true" width="150"/>
                                    <grid:column label="" name="paramType" hidden="true" width="150"/>
                                    <grid:column label="lab.apply.module" name="module" dict="moduleType"/>
                                    <grid:column label="lab.apply.paramName" name="paramName" query="true"/>
                                    <grid:column label="lab.apply.displayName" name="displayName" width="400" query="true"/>
                                    <grid:column label="lab.apply.paramValue" name="paramValue" width="400"/>
                                    <grid:column label="lab.apply.enable" name="enable" dict="whether"/>
                                    <grid:column label="lab.apply.remark" name="remark" width="260"/>
                                    <grid:toolbar function="search"/>
                                    <grid:toolbar function="create" winheight="500px" winwidth="700px"/>
                                    <grid:toolbar function="update" winheight="500px" winwidth="700px"/>
                                    <grid:toolbar function="delete"/>
                                </grid:grid>
                            </div>
                        </div>
                    </div>
                    <div class="layui-tab-item">
                        <div id="lab">
                            <div id="labList" style="margin-right: 10px;margin-top: 10px">
                                <grid:grid id="labList" url="${appPath}/system/systemParameter/ajaxList?paramType=4"
                                           multiselect="false" rownumbers="true">
                                    <grid:column label="" name="id" hidden="true" width="150"/>
                                    <grid:column label="" name="paramType" hidden="true" width="150"/>
                                    <grid:column label="lab.apply.module" name="module" dict="moduleType"/>
                                    <grid:column label="lab.apply.paramName" name="paramName" query="true"/>
                                    <grid:column label="lab.apply.displayName" name="displayName" width="400" query="true"/>
                                    <grid:column label="lab.apply.paramValue" name="paramValue" width="400"/>
                                    <grid:column label="lab.apply.enable" name="enable" dict="whether"/>
                                    <grid:column label="lab.apply.remark" name="remark" width="260"/>
                                    <grid:toolbar function="search"/>
                                    <grid:toolbar function="create" winheight="500px" winwidth="700px"/>
                                    <grid:toolbar function="update" winheight="500px" winwidth="700px"/>
                                    <grid:toolbar function="delete"/>
                                </grid:grid>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<%--Js文件--%>
<script type="text/javascript">
    /*
     * tab切换相应事件
     * */
    layui.use('element', function () {
        var $ = layui.jquery,
                element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块
        //tab切换监听
        element.on('tab(detailTab)', function (data) {
        });
        $('.site-demo-active').on('click', function () {
            var othis = $(this), type = othis.data('type');
            active[type] ? active[type].call(this, othis) : '';
        });
    });

</script>


</body>

</html>
